JavaScript Bangla Tutorial-36: Event Handler To Onclick Event
JavaScript এর একটি গুরুত্বপূর্ণ বৈশিষ্ট্য হলো ইভেন্ট হ্যান্ডলিং। ইভেন্ট হ্যান্ডলার হলো কোডের একটি বিশেষ অংশ যা ইভেন্টের জন্য কাজ করে। অনক্লিক ইভেন্ট হ্যান্ডলার হলো একটি ইভেন্ট হ্যান্ডলার যা মাউস ক্লিক করার জন্য ব্যবহৃত হয়। এই প্রক্রিয়াটি পুরোনো এবং নতুন ওয়েব ডেভেলপারদের জন্য অত্যন্ত গুরুত্বপূর্ণ।
ইভেন্ট হ্যান্ডলার ব্যবহার করে আমরা ইভেন্ট ঘটনার সময় কিছু কোড এক্সিকিউট করতে পারি। অনক্লিক ইভেন্ট হ্যান্ডলারে আমরা একটি উদাহরণ উল্লেখ করব, যেখানে আমরা বাটনের উপর ক্লিক করলে একটি বার্তা দেখাব।
অনক্লিক ইভেন্ট হ্যান্ডলারের উপস্থাপনা:event handler
আমরা কিভাবে অনক্লিক ইভেন্ট হ্যান্ডলার ব্যবহার করতে পারি তা জানতে একটি সহজ উদাহরণ দেখানো যাক।
JavaScript অনক্লিক ইভেন্ট হ্যান্ডলার
উপরের কোডটি একটি HTML পেজ সৃষ্টি করে এবং একটি বাটন প্রদর্শন করে যা "বার্তা দেখাও" নামে লেবেল দেখায়। বাটনে ক্লিক করলে একটি অ্যালার্ট ডায়ালগ বক্স প্রদর্শন করে যা "হ্যালো, এটি অনক্লিক ইভেন্ট হ্যান্ডলার।" বার্তা দেখায়।
প্রাথমিক সেটআপ:
আমরা শুরুতেই একটি প্রাথমিক সেটআপ করব, যাতে আমরা পরবর্তীতে কোড যুক্ত করতে পারি।
JavaScript অনক্লিক ইভেন্ট হ্যান্ডলার
উপরের কোডটিতে আমরা একটি বাটন তৈরির জন্য একটি ইউনিক id যুক্ত করেছি ("myButton")। পরবর্তীতে আমরা এই id ব্যবহার করে কোড যুক্ত করবে।
JavaScript Bangla Tutorial-36: Event Handler To Onclick Event
Frequently Asked Questions (FAQs)
A: ইভেন্ট হ্যান্ডলার হলো কোডের একটি বিশেষ অংশ যা ইভেন্টের জন্য কাজ করে। যখন একটি ইভেন্ট ঘটনা সংঘটিত হয়, ইভেন্ট হ্যান্ডলার কোডটি এক্সিকিউট হয়।
A: অনক্লিক ইভেন্ট হ্যান্ডলার হলো একটি ইভেন্ট হ্যান্ডলার যা মাউস ক্লিক করার জন্য ব্যবহৃত হয়। যখন ব্যবহারকারী মাউস দ্বারা একটি উপাদানে ক্লিক করে, তখন অনক্লিক ইভেন্ট সংঘটিত হয় এবং সেই ইভেন্টের জন্য নির্ধারিত ইভেন্ট হ্যান্ডলার এক্সিকিউট হয়।
A: অনক্লিক ইভেন্ট হ্যান্ডলার ব্যবহার করতে হলে, আপনাকে সংশ্লিষ্ট উপাদানের জন্য একটি id সেট করতে হবে। সেট করা id ব্যবহার করে আপনি জাভাস্ক্রিপ্ট কোড লেখতে পারেন যা ক্লিক ইভেন্ট হ্যান্ডল করবে।
A: মেসেজ ডায়ালগ বক্স প্রদর্শন করতে হলে, আপনাকে alert() ফাংশনটি ব্যবহার করতে হবে। ফাংশনের মধ্যে আপনি প্রদর্শিত করতে চান সেই মেসেজ দিয়ে ফাংশনকে কল করুন।
A: ইভেন্ট হ্যান্ডলার যুক্ত করতে হলে, আপনাকে সংশ্লিষ্ট উপাদানের জন্য একটি id সেট করতে হবে। তারপর আপনি JavaScript কোড লিখবেন যেটি সেই id-এর জন্য অনক্লিক ইভেন্ট হ্যান্ডল করবে।
A: ইভেন্ট হ্যান্ডলারে ফাংশন ব্যবহার করতে হলে, আপনাকে একটি ফাংশন তৈরি করতে হবে এবং সেই ফাংশনটি ইভেন্ট হ্যান্ডলারে ব্যবহার করতে হবে। ফাংশনটি প্রতিষ্ঠিত হওয়ার পরে, তা সংশ্লিষ্ট উপাদানের জন্য নির্দিষ্ট হ্যান্ডলার হিসাবে ব্যবহৃত হবে।
JavaScript Bangla Tutorial-36: Event Handler To Onclick Event
সমাপ্তি:
আমরা এই টিউটোরিয়ালে জানেছি কিভাবে জাভাস্ক্রিপ্টে অনক্লিক ইভেন্ট হ্যান্ডলার ব্যবহার করতে হয়। অত্যন্ত গুরুত্বপূর্ণ হলো প্রয়োগ করে দেখা যাক এবং আপনার নিজের উপাদানে অনক্লিক ইভেন্ট হ্যান্ডলার যুক্ত করার চেষ্টা করবেন। আশা করি আপনি এই টিউটোরিয়াল থেকে উপকৃত হবেন।
